<template>
    <div id="searchBtn" @click="searchJump">
        <svg>
            <use xlink:href="#icon-sousuo"></use>
        </svg>
        <span> 大家都在听 晚安亲爱的</span>
    </div>
    <NavCom/>
</template>

<script>
    import NavCom from "./tuijian/NavCom.vue";
    export default {
        name: "TuiJian",
        components:{
            NavCom
        },
        methods:{
            searchJump() {
                this.$router.push('/search-view')
            }
        }
    }
</script>

<style scoped>
    svg{
        width: 20px;
        height: 20px;
        margin-top: 5px;
        vertical-align: bottom;
    }
    #searchBtn{
        width: 95%;
        height: 30px;
        border-radius: 15px;
        background: lightgrey;
        text-align: center;
        margin: 0 auto;
        color: grey;
    }

</style>